<script>
import AboutApi from "../api/about";

export default {
  data() {
    return {
      siteInfo: {},
      modelShow: true
    };
  },
  methods: {
    closeModel() {
      this.modelShow = false;
    }
  },
  mounted() {
    const api = new AboutApi();
    api.getSiteInfo().then((result) => {
      this.siteInfo = result.data;
      console.log(result);
    });
  }
};
</script>
<template>
  <my-breadcrumb />
  <div class="about">
    <dl>
      <dt>{{ siteInfo.siteName }}</dt>
      <dd>{{ siteInfo.siteIcp }}</dd>
      <dd>{{ siteInfo.clientIp }}</dd>
    </dl>
  </div>
  <my-model title="模态框测试" @close-model="closeModel" v-if="modelShow">
    内容，可以使用template标签定义多个不同的内容
  </my-model>
</template>

<style></style>
